<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/pagelet/page-includes.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>${pageTitle }</title>
<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.brand {
	font-family: georgia, serif;
}

.brand .first {
	color: #ccc;
	font-style: italic;
}

.brand .second {
	color: #fff;
	font-weight: bold;
}
</style>
</head>
<body class="">
	<div class="navbar">
		<div class="navbar-inner">
			<ul class="nav pull-right">

			</ul>
			<a class="brand" href="index.html"><span class="first">Your</span>
				<span class="second">Company</span></a>
		</div>
	</div>
	<div class="row-fluid">
		<div class="dialog">
			<div class="block">
				<p class="block-heading">Sign In</p>
				<div class="block-body">
					<form id="loginForm" method="post" >
						<label>Username</label><input id="username" type="text" class="span12">
						<label>Password</label><input id="password" type="password" class="span12">
						<a href="#" onclick="login()" class="btn btn-primary pull-right">Sign In</a> 
						<label class="remember-me"><input type="checkbox">Remember me</label>
						<div class="clearfix"></div>
					</form>
				</div>
			</div>
			<p class="pull-right" style="">
				<a href="http://www.portnine.com" target="blank">Theme by Portnine</a>
			</p>
			<p>
				<a href="reset-password.html">Forgot your password?</a>
			</p>
		</div>
	</div>

	<script type="text/javascript">
		$("[rel=tooltip]").tooltip();
		$(function() {
			$('.demo-cancel-click').click(function() {
				return false;
			});
		});
		
		function login(){
			app.login.doLogin($("#loginForm"));
		}
	</script>

</body>
</html>


